<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>华夏</title>
    <link rel="stylesheet" type="text/css" href="css/lib/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/lib/bootstrap-theme.css">
    <link rel="stylesheet" type="text/css" href="css/lib/fullpage.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script src="js/lib/jquery-3.3.1.min.js" rel="script" type="text/javascript"></script>
    <script src="js/lib/bootstrap.min.js" rel="script" type="text/javascript"></script>
    <script src="js/lib/fullpage.js" rel="script" type="text/javascript"></script>
    <script src="js/index.js" rel="script" type="text/javascript"></script>
</head>
<body>
<div id="fullSection">
    <div class="section page1">
        <div class="logo"></div>
        <div class="dh">
            <ul class="dh_con">
                <li>
                    <a href="index.html" class="nav-underline" target="_blank">华夏</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="near_history.html" class="nav-underline" target="_blank">苏醒</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="now.html" class="nav-underline" target="_blank">复兴</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="world.html" class="nav-underline" target="_blank">世界风貌</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="board.html" class="nav-underline" target="_blank">留言板</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <span href="" class="nav-underline">个人中心</span>
                    <div class="second_nav">
                        <ul>
                            <li><a href="login.html" target="_blank">登陆</a></li>
                            <li><a href="register.html" target="_self">注册</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <div class="screen_main">
            <span class="shi1" rel="-501,-455,449,245"></span>
            <span class="shi2" rel="1387,-359,387,295"></span>
            <span class="shi3" rel="-619,-359,381,341"></span>
            <span class="shi4" rel="1295,-259,398,441"></span>
            <span class="ji1" rel="-328,-589,673,111"></span>
            <span class="ji2" rel="1648,-487,648,213"></span>
            <span class="ji3" rel="-244,-488,756,212"></span>
        </div>
    </div>
    <div class="section page2">
        <div class="logo"></div>
        <div class="dh">
            <ul class="dh_con">
                <li>
                    <a href="index.html" class="nav-underline" target="_blank">华夏</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="near_history.html" class="nav-underline" target="_blank">苏醒</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="now.html" class="nav-underline" target="_blank">复兴</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="world.html" class="nav-underline" target="_blank">世界风貌</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="board.html" class="nav-underline" target="_blank">留言板</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <span href="" class="nav-underline">个人中心</span>
                    <div class="second_nav">
                        <ul>
                            <li><a href="login.html" target="_blank">登陆</a></li>
                            <li><a href="register.html" target="_self">注册</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>

        <div class="science-inner inner">
            <a class="stiteml st2" href="javascript:void(0)" rel="0,-350,0,37" style="left: 0px; top: -350px;">公元前2070年，第一个<br>奴隶制王朝，夏朝建立</a>
            <a class="stiteml st3" href="javascript:void(0)" rel="0,-350,0,85" style="left: 0px; top: -350px;">公元前1600年，商朝建立</a>
            <a class="stiteml st4" href="javascript:void(0)" rel="0,-350,0,110" style="left: 0px; top: -350px;">公元前1046年，周朝建立</a>
            <a class="stiteml st5" href="javascript:void(0)" rel="1010,116,554,90" style="left: 1010px; top: 116px;">公元前681年，齐桓公称霸</a>
            <a class="stiteml st6" href="javascript:void(0)" rel="1010,146,554,110" style="left: 1010px; top: 146px;">公元前341年，马陵之战，庞涓战死</a>
            <a class="stitemr st12" href="javascript:void(0)" rel="-710,433,0,433" style="left: -710px; top: 433px;">公元前356年，商鞅变法</a>
            <a class="stiteml st17" href="javascript:void(0)" rel="761,1050,500,656" style="left: 761px; top: 1050px;">公元前221年，秦扫六合，称始皇帝</a>
            <a class="stimg1" href="javascript:void(0)" rel="0,-350,0,153" style="left: 0px; top: -350px;">
                <img src="images/index/page2/shang.png">
            </a>
            <a class="a_nuli" href="javascript:void(0)" rel="980,2,220,35" style="left: 980px; top: 2px;">
                奴隶
            </a>
            <a class="a_fengjian" href="javascript:void(0)" rel="-407,350,330,350" style="left: -407px; top: 350px;">
                封建
            </a>
            <a class="stimg4" href="javascript:void(0)" rel="761,850,640,250" style="left: 761px; top: 850px;">
                <img src="images/index/page2/qin.png">
            </a>
        </div>
    </div>
    <div class="section page3">
        <div class="logo"></div>
        <div class="dh">
            <ul class="dh_con">
                <li>
                    <a href="index.html" class="nav-underline" target="_blank">华夏</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="near_history.html" class="nav-underline" target="_blank">苏醒</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="now.html" class="nav-underline" target="_blank">复兴</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="world.html" class="nav-underline" target="_blank">世界风貌</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="board.html" class="nav-underline" target="_blank">留言板</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <span href="" class="nav-underline">个人中心</span>
                    <div class="second_nav">
                        <ul>
                            <li><a href="login.html" target="_blank">登陆</a></li>
                            <li><a href="register.html" target="_self">注册</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <div class="famous-inner inner">
            <a class="faitemr fa1" href="javascript:void(0)" rel="90,-180,0,90" style="left: 90px; top: -180px;">公元前202年，刘邦即位<br>史称<span class="bold">汉高祖</span></a>
            <a class="faiteml fa5" href="javascript:void(0)" rel="1280,227,500,227" style="left: 1280px; top: 227px;">公元220年，魏蜀吴三足鼎立</a>
            <a class="faiteml fa10" href="javascript:void(0)" rel="-300,593,50,593" style="left: -300px; top: 593px;">公元226年，司马炎篡位，晋朝开始</a>
            <a class="faiteml fa12" href="javascript:void(0)" rel="1370,450,700,430" style="left: 1370px; top: 450px;">公元581年，杨坚即位<br>史称<span class="bold">隋文帝</span></a>
            <a class="a_han" href="javascript:void(0)" rel="200,-180,200,50" style="left: 200px; top: -180px;">汉</a>
            <a class="a_sanguo" href="javascript:void(0)" rel="980,77,600,77" style="left: 980px; top: 77px;">三国</a>
            <a class="a_sui" href="javascript:void(0)" rel="980,366,520,366" style="left: 980px; top: 366px;">隋</a>
            <a class="a_jin" href="javascript:void(0)" rel="-300,387,149,387" style="left: -300px; top: 387px;">晋</a>
        </div>
    </div>
    <div class="section page4">
        <div class="logo"></div>
        <div class="dh">
            <ul class="dh_con">
                <li>
                    <a href="index.html" class="nav-underline" target="_blank">华夏</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="near_history.html" class="nav-underline" target="_blank">苏醒</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="now.html" class="nav-underline" target="_blank">复兴</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="world.html" class="nav-underline" target="_blank">世界风貌</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <a href="board.html" class="nav-underline" target="_blank">留言板</a>
                </li>&nbsp;|&nbsp;
                <li>
                    <span href="" class="nav-underline">个人中心</span>
                    <div class="second_nav">
                        <ul>
                            <li><a href="login.html" target="_blank">登陆</a></li>
                            <li><a href="register.html" target="_self">注册</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <div class="social-inner inner">
            <a class="soiteml so2" href="javascript:void(0)" rel="450,-175,450,110" style="left: 450px; top: -175px;">公元618年，唐朝建立<br>是中国最<span class="bold">强盛</span>的时代之一</a>
            <a class="soiteml so5" href="javascript:void(0)" rel="980,258,450,358" style="left: 980px; top: 258px;">公元1271年，元朝建立<br>蒙古铁骑横扫欧洲</a>
            <a class="soiteml so9" href="javascript:void(0)" rel="980,428,360,515" style="left: 980px; top: 428px;">公元1368年，<span class="bold">大明王朝</span>建立<br>洪武永乐，远迈汉唐</a>
            <a class="soiteml so10" href="javascript:void(0)" rel="-405,369,162,389" style="left: -405px; top: 369px;">公元960年，宋朝开始<br>历数千载之演进，造极于赵宋之世</a>
            <a class="soitemr so15" href="javascript:void(0)" rel="376,1050,357,662" style="left: 376px; top: 1050px;">公元1636年，皇太极改国号为清</a>
            <a class="a_tang" href="javascript:void(0)" rel="156,-175,156,50" style="left: 156px; top: -175px;">唐</a>
            <a class="a_song" href="javascript:void(0)" rel="-405,186,155,226" style="left: -405px; top: 186px;">宋</a>
            <a class="a_yuan" href="javascript:void(0)" rel="980,186,675,286" style="left: 980px; top: 186px;">元</a>
            <a class="a_ming" href="javascript:void(0)" rel="507,850,677,454" style="left: 507px; top: 850px;">明</a>
            <a class="a_qing" href="javascript:void(0)" rel="-400,1000,156,570" style="left: 507px; top: 850px;">清</a>
        </div>
    </div>
</div>
</body>
</html>